<template>
    <div id="index2">
        <div class="container" style="height: 100vh; border: 1px solid #eee">
            <div class="main-container">
                <main class="main">
                    <router-view></router-view> <!-- 这里会渲染 Payment 组件 -->
                </main>
            </div>
        </div>
    </div>
</template>

<script>
import myMenu2 from '@/components/myMenu2.vue';

export default {
    name: 'index2',
    components: {
        myMenu2,
    }
};
</script>

<style scoped>
/* Index2 Page Styles */
a {
    text-decoration: none;
}

/* Main Container Styles */
.container {
    display: flex;
    height: 100vh;
    border: 1px solid #eee;
}

/* Sidebar Styles */
.aside {
    width: 200px;
    background-color: rgb(238, 241, 246);
}

/* Main Content Styles */
.main-container {
    flex: 1;
    display: flex;
    flex-direction: column;
}

/* Main Area Styles */
.main {
    flex: 1;
    padding: 20px;
}
